<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

    <head>
        <title th:text="${article['title']}+' - 资讯详情 - '+${infoMap['title']}"></title>
        <div data-th-replace="layout/head"></div>
    </head>
    <body>
        <div data-th-replace="layout/common-hade-one"></div>
        <input type="hidden" id="mobilePath" th:value="${mobilePath}"/>
        <input type="hidden" id="articleId" th:value="${article['id']}"/>
        <div class="container">
            <ol class="breadcrumb">
                <li><a th:href="@{/web/index}">首页</a></li>
                <li><a th:href="@{/web/article/articleIndex}">资讯首页</a></li>
                <li><a th:href="@{/web/article/toArticleList}">资讯列表</a></li>
                <li class="active" th:text="${article['title']}"></li>
            </ol>
            <div class="mb20 pb10">
                <section>
                    <div class="row">
                        <div class="col-sm-2">
                            <section class="article-main-l mt20">
                                <div class="article-ml-wp text-center">
                                    <section class="">
                                        <div class="article-y-t" id="year">
                                            <span>--</span>
                                        </div>
                                        <div class="article-m-d" id="monthDate">--</div>
                                        <div class="article-time" id="hourMinutes">--</div>
                                    </section>
                                    <span class="article-author" th:text="${article['author']}">--</span>
                                    <span class="article-pls" title="浏览量">
                                        <em class="article-pls-num badge badge-danger" th:text="${article['clickNum']}">0</em>
                                    </span>
                                    <div class="article-tit mt10">
                                        <aside class="pt10">
                                            <a href="javascript:void(0)" id="QRCodeInp" class="c-000" data-container="body" data-trigger="hover" data-html="true" data-toggle="popover" data-placement="top" data-content="<img src='https://fimage.268xue.com/upload/0/yzl/common/2018101111/f325a9ff3176c322e7a79472c34b30c9.jpg' width='140' height='140' style='width:140px;height:140px;' />">
                                                <i class="fa fa-qrcode fs16 mr5 vam"></i>手机阅读
                                            </a>
                                        </aside>
                                    </div>
                                    <div class="article-tit">
                                        <aside class="pt10">
                                            <a href="javascript:void(0);" class="c-333 oShareBtn" th:attr="data-mobile=${mobilePath}+${mobilePathShare},data-share=!${#maps.isEmpty(article['imageMap'])} and !${#maps.isEmpty(article['imageMap']['pcUrlMap'])} and !${#strings.isEmpty(article['imageMap']['pcUrlMap']['large'])}? ${article['imageMap']['pcUrlMap']['large']}:''"><i class="fa fa-share mr5"></i> 分享</a>
                                        </aside>
                                    </div>

                                </div>
                            </section>
                        </div>
                        <div class="col-sm-10">
                            <div class="">
                                <div class="mt20 pt10">
                                    <h3>
                                        <span class="fs36 c-333" th:text="${article['title']}"></span>
                                    </h3>
                                    <!--<section class="hLh30 mt10 text-center">
                                        <span class="mr20 c-ccc fs14">发布时间：</span>
                                        <span class="mr20 c-ccc fs14" th:text="${article['createTime']}"></span>
                                        <span class="mr20 c-ccc fs14">浏览量：</span>
                                        <span class="mr20 c-ccc fs14" th:text="${article['clickNum']}"></span>
                                        <span class="c-ccc fs14">来源：</span>
                                        <span class="mr20 c-ccc fs14" th:text="${article['author']}"></span>
                                    </section>-->
                                    <hr>
                                    <div class="mt20 articleMain">
                                        <p class="c-666" th:utext="${article['articleContext']['context']}"></p>
                                    </div>
                                    <div class="mt20 pt10">
                                        <section class="clearfix mr20">
                                            <aside class="pull-right">
                                                <a href="javascript:void(0);" class="c-999 oShareBtn" th:attr="data-mobile=${mobilePath}+${mobilePathShare},data-share=!${#maps.isEmpty(article['imageMap'])} and !${#maps.isEmpty(article['imageMap']['pcUrlMap'])} and !${#strings.isEmpty(article['imageMap']['pcUrlMap']['large'])}? ${article['imageMap']['pcUrlMap']['large']}:''"><i class="fa fa-share mr5"></i> 分享</a>
                                            </aside>
                                        </section>
                                        <div class="mt20 pt10">
                                            <section class="c-head-title">
                                                <h6><span class="fs16 c-333">相关资讯</span></h6>
                                                <hr>
                                            </section>
                                            <div class="mt20 mb20 pb10">
                                                <section th:if="${#lists.isEmpty(article['recommendList'])}" class="no-data__wrap">
                                                    <span class="no-data-ico"></span>
                                                    <p class="mt20"><span class="c-666">抱歉，还没有相关资讯~~~</span></p>
                                                </section>
                                                <ul th:if="!${#lists.isEmpty(article['recommendList'])}">
                                                    <li th:each="_article:${article['recommendList']}">
                                                        <p>
                                                            <i class="fa fa-circle fs12 vam c-ccc mr5"></i>
                                                            <a th:href="@{/web/article/articleInfoById?articleId={_article}(_article=${_article['id']})}" class="c-666 vam" th:text="${_article['title']}"></a>
                                                        </p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </body>
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/web/common/shareFn.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/common/qrcode/qrcode.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/common/qrcode/jquery.qrcode.min.js?v={v}(path=${staticPath}, v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/op/article/article-info.js?v={v}(path=${staticPath},v=${v})}"></script>
</html>
